<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/mine.css">
</head>

<body>
    <img src="images/mine/bg-mine.png" alt="" class="bg-img">
    <!-- 用户头像 -->
    <div class="user">
        <div class="user-logo">
            <img src="images/mine/user-logo.png" alt="">
        </div>
        <div class="user-name">
            <span>安安</span>
            <p>123****4567</p>
        </div>
    </div>
    <!-- 我的订单 -->
    <div class="dingdan w">
        <h3>我的订单</h3>
        <div class="dingdan-content">
            <div class="box01">
                <div class="dingdan-img01">
                    <img src="images/mine/icon-order1.png" alt="">
                </div>
                <span>全部订单</span>
            </div>
            <div class="box01">
                <div class="dingdan-img01">
                    <img src="images/mine/icon-order2.png" alt="">
                </div>
                <span>待付款</span>
            </div>
            <div class="box01">
                <div class="dingdan-img01">
                    <img src="images/mine/icon-order3.png" alt="">
                </div>
                <span>待发货</span>
            </div>
            <div class="box01">
                <div class="dingdan-img01">
                    <img src="images/mine/icon-order4.png" alt="">
                </div>
                <span>已完成</span>
            </div>
        </div>
    </div>
    <!-- 火锅logo -->
    <div class="huoguo-logo w">
        <img src="images/mine/ad.png" alt="">
    </div>
    <!-- 我的服务 -->
    <div class="service w">
        <h3>我的服务</h3>
        <div class="service-content">
            <div class="box02">
                <img src="images/mine/icon-nav1.png" alt="">
                <span>优惠券包</span>
            </div>
            <div class="box02">
                <img src="images/mine/icon-nav2.png" alt="">
                <span>地址管理</span>
            </div>
            <div class="box02">
                <img src="images/mine/icon-nav3.png" alt="">
                <span>服务中心</span>
            </div>
            <div class="box02">
                <img src="images/mine/icon-nav4.png" alt="">
                <span>帮助中心</span>
            </div>
            <div class="box02">
                <img src="images/mine/icon-nav5.png" alt="">
                <span>分销中心</span>
            </div>
        </div>
    </div>
    <!-- 通用底部菜单栏 -->
    <footer>
        <div class="home">
            <a href="index.html">
                <div>
                    <img src="./images/common/tab-index.png" alt="">
                </div>
                <span>首页</span>
            </a>
        </div>
        <div class="menu">
            <a href="Menu.html">
                <div>
                    <img src="./images/common/tab-category.png" alt="">
                </div>
                <span>菜单</span>
            </a>
        </div>
        <div class="shopcar">
            <a href="gouwuche.html">
                <div>
                    <img src="./images/common/tab-cart.png" alt="">
                </div>
                <span>购物车</span>
            </a>
        </div>

        <div class="mine active">
            <a href="mine.html">
                <div>
                    <img src="./images/common/tab-mine-active.png" alt="">
                </div>
                <span>我的</span>
            </a>
        </div>

    </footer>
</body>

</html>